import React,{useState,useEffect} from 'react';
import './content.css'
import {Button,Avatar} from 'antd'
import axios from 'axios'

const style1={width:'200px'}
function Head(){
    const [userName, setUserName] = useState('');
    const [password, setPassword] = useState('');


    let dataProps ={
        'userName':userName,
        'password':password
    }

    axios({
        method:'get',
        url:'http://127.0.0.1:7001/default/getArticleList',
        data:dataProps,
        withCredentials:true
    }).then(
        res=>{
            setPassword(res.data.data)
        }
    )
    return(
        <div className='Head'>
            <div className="Head-portrait">
                <Button type='link' shape="circle"><Avatar size={200} src=""/></Button>
            </div>
            <div className="head-self">
                <div style={style1}>
                <h2>姓名</h2><input type="text" />
                <h2>昵称</h2><input type="text" />
                </div>
                <div style={style1}>
                <h2>性别</h2><input type="text" />
                <h2>年龄</h2><input type="text" />
                </div>
                <div style={style1}>
                <h2>生日</h2><input type="text" />
                <h2>个人签名</h2><input type="text" />
                </div>
            </div>
        </div>
    )


}


export default Head;